<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.1.js"></script>
	</head>
	<body>
		<div></div>
		<button>ajax</button>
		<script type="text/javascript">
			$('button').click(function() {
				$.ajax({
					//请求地址
					url: 'jn.json',
					// 请求方法 默认(get)
					// (默认: true) 默认设置下，所有请求均为异步请求
					async: 'true',
					type: 'get',
					//预期服务器返回的数据类型
					dataType: 'json',
					//请求成功后的回调函数
					success: function(data) {
						console.log(data);
						// const obj = JSON.parse(data);
						$('div').html(data[0].name);
					}
				})
			})
		</script>
	</body>
</html>
